<!doctype html>
<!--三个问题：1、图片放不到placeholder里 2、没法居中 3、表格方框去不掉-->
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
<style>

	body{font-family:"微软雅黑";text-align: center;}
	
	div{/*定位*/
    margin-top: 30px;
    margin-right: 600px;
    margin-left: 600px;
    margin-bottom: none;
	}
	
	table{
    border-radius: 20px;
    align-content: center;
    background-color: azure;
    border-color: aqua;
    text-align: center;
}
	.submit{
    border-radius: 4px;
    background-color: cornflowerblue;
    text-align: center;
	}
</style>
</head>

<body><div>
<table border="3" cellpadding="30">
<tr>
	<td align="center" valign="middle">

	<form action="#" method="post"><!--无服务器接收-->
	账号：<img src="images/11.jpg" width="14" height="14"/>
	<input type="text" name="account" placeholder="admin" autocomplete="on" autofocus/><br><br>
	
	密码：<img src="images/22.jpg"/>
	<input type="password" pattern="^[a-zA-Z][a-zA-Z0-9_]{4,15}$" autocomplete="on"/>
	<br><br><!--创建提示信息与提交按钮的空间-->
	<input type="submit" class="submit" value="登录">
	&nbsp&nbsp&nbsp&nbsp&nbsp;
<input type="submit" class="submit" value="注册">
</form></td></tr>
</table></div>
</body>
</html>
